import React, { Component } from 'react';
import '../styles/Goods.scss'

import pic from '../assets/pic12.gif'
class Goods extends Component {
    constructor(props) {
        super(props)
        this.state = {
            list: [
                { pic, text: 'Filorga菲洛嘉柔...', origin: '原价￥303', discount: 195 },
                { pic, text: 'CLINIQUE倩碧...', origin: '原价￥924', discount: 675 },
                { pic, text: 'La Mer海蓝之...', origin: '原价￥2826', discount: 254 },
                { pic, text: 'Giorgio Armani...', origin: '原价￥430', discount: 413 },
                { pic, text: 'Panier Des Sen...', origin: '原价￥110', discount: 93},
                { pic, text: 'Ulike蓝宝石冰...', origin: '原价￥1749', discount: 148 },
                { pic, text: 'Filorga菲洛嘉柔...', origin: '原价￥303', discount: 195 },
                { pic, text: 'Filorga菲洛嘉柔...', origin: '原价￥303', discount: 195 },
                { pic, text: 'Filorga菲洛嘉柔...', origin: '原价￥303', discount: 195 },
            ]
        }
    }
    render() {
        return (
            <div className="goods">
                {
                    this.state.list.map((item, index) => {
                        return (
                            <div className="item" key={index}>
                                <img src={item.pic} alt="" />
                                <div className="text">{item.text}</div>
                                <span className="origin">{item.origin}</span>
                                <div className="discount">抢购价￥<span>{item.discount}</span></div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default Goods;